<!DOCTYPE html>
<html lang="en">
<head>
  <title>bpmn-js modeler demo</title>

  <link rel="stylesheet" href="css/diagram-js.css" />
  <link rel="stylesheet" href="vendor/bpmn-font/css/bpmn-embedded.css" />
  <link rel="stylesheet" href="css/app.css" />
	<link rel="stylesheet" href="css/bpmn-js-properties-panel.css" />
	<style>
		html, body, #canvas {
		  height: 100%;
		  padding: 0;
		  margin: 0;
		}
		
		.diagram-note {
		  background-color: rgba(66, 180, 21, 0.7);
		  color: White;
		  border-radius: 5px;
		  font-family: Arial;
		  font-size: 12px;
		  padding: 5px;
		  min-height: 16px;
		  width: 50px;
		  text-align: center;
		}
		
		.needs-discussion:not(.djs-connection) .djs-visual > :nth-child(1) {
		  stroke: rgba(66, 180, 21, 0.7) !important; /* color elements as red */
		}
	</style>
</head>
<body>
  <div class="content with-diagram" id="js-drop-zone">
    <div class="canvas" id="js-canvas"></div>
  </div>
  <script src="index.js"></script>
</html>
